@import "../../Master/index";

.AllBook {
  //.Masterfun();
  height: 100%;
  background: #fff;

  .AllBooks {
    //.Masterfun();
    height: 100%;

    .content {
      width: 100%;
      height: 100%;
      padding-bottom: 10%;
      .booksbodyer {
        margin-bottom: 7rem;

        .head {
          .left, .right {
            width: 30%;
            text-align: left;

            i {
            }
          }

          .right {
            text-align: right;

            i {
            }
          }
        }

        .body {
          .books {
            div {
              position: relative;

              img {
              }

              .icon {
                position: absolute;
                right: -.6rem;
                bottom: .8rem;
                width: 1.4rem;
                height: 1.4rem;
                //box-sizing: border-box;
                border: 1px solid #fff;
                display: flex;
                justify-content: center;
                align-items: center;
                border-radius: 100%;

                i {
                  font-size: .7rem;
                  color: #fff;
                }
              }

              .active {
                border-width: .1rem;
                border-color: @Mastercolor;
                background-color: @Mastercolor;
              }
            }
          }

          .bottom {
          }
        }
      }
    }

    .foot {
      width: 100%;
      position: fixed;
      bottom: 4rem;
      left: 0;
      z-index: 400;

      .btn {
        margin: auto;
        width: 60%;
      }
    }
  }

  .null {
    width: 100%;
    height: 100%;
    div{
      color: #d8d8d8;
      margin-top: 40%;
     div{
       margin-top: 1.5rem;
       font-size: @fontSize15;
       .icon-wodeshuji-kongbaiye{
         font-size: 5rem;
       }
       p{
         display: inline-flex;
         justify-content: center;
         align-content: center;
         align-items: center;
         padding: .5rem 2rem;
         border-radius: 6rem;
         border: 1px solid #d8d8d8;
         color: #2a2a33;
         font-size: @fontSize15;
         i{
           font-size: 1rem;
           transform: scale(.8);
           position: relative;
           right: -.3rem;
           bottom: -.2rem;
         }
       }
     }
    }
  }

  .bg-img {
    width: 100%;
    margin-top: 15%;

    img {
      width: 100%;
    }
  }
}

